<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<!--<body style="" class="sticky-header">-->
    <!--左侧开始-->
    <div th:fragment="commonleft" class="left-side sticky-left-side">

        <!--头部logo开始-->
        <div class="logo">
            <a ><img src="/images/logo.png" alt=""></a>
        </div>

        <div class="logo-icon text-center">
            <a ><img src="/images/logo_icon.png" alt=""></a>
        </div>
        <!--头部logo结束-->

        <div class="left-side-inner">

            <!--缩小可见，适应手机开始-->
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media-body">
                    <h4>  <a style="text-align: center"  th:text="${userName}"></a></h4>
                </div>

                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li><a data-toggle="modal" href="#updatePassword"><i class="fa fa-cog"></i>  修改密码</a></li>
                    <li><a th:href="@{/admin/logout}"><i class="fa fa-sign-out"></i> <span>退出登录</span></a></li>
                </ul>
            </div>
            <!--缩小可见，适应手机结束-->

            <!--左侧导航开始-->
            <ul class="nav nav-pills nav-stacked custom-nav">
                <!--导航一开始-->
                <li id="menu1"><a th:href="@{/admin/index}"><i class="fa fa-home"></i> <span>首页</span></a>
                </li>
                <!--导航一结束-->

                <!--导航二开始-->
                <li id="menu2" class="menu-list"><a href=""><i class="fa fa-user"></i> <span>用户管理</span></a>
                    <ul class="sub-menu-list">
                        <li id="user-list"><a th:href="@{/admin/userList}"><i class="fa fa-users"></i>用户列表</a></li>
                    </ul>
                </li>
                <!--导航二结束-->

                <!--导航三开始-->
                <li id="menu3" class="menu-list"><a href=""><i class="fa fa-book"></i> <span>卷库管理</span></a>
                    <ul class="sub-menu-list">
                        <li id="paper-list"><a th:href="@{/admin/toPaperList}"><i class="fa fa-align-left"></i>试卷列表</a></li>
                        <li id="paper-create"><a th:href="@{/admin/paperCreate}"><i class="fa fa-edit"></i>试卷创编</a></li>
                    </ul>
                </li>
                <!--导航三结束-->

                <!--导航四开始-->
                <li id="menu4" class="menu-list"><a href=""><i class="fa fa-align-justify"></i> <span>题库管理</span></a>
                    <ul class="sub-menu-list">
                        <li id="question-list"><a th:href="@{/admin/questionsList}"><i class="fa fa-list"></i>题目列表</a></li>
                        <li id="question-pool"><a th:href="@{/admin/poolList}"><i class="fa fa-tags"></i>题库列表</a></li>
                        <li id="single-choice"><a th:href="@{/admin/singleEditors}"><i class="fa fa-minus"></i>单选题创建</a></li>
                        <li id="more-choice"><a th:href="@{/admin/moreEditors}"><i class="fa fa-check-square-o"></i>多选题创建</a></li>
<!--                        <li id="judgmental"><a th:href="@{/admin/judgmentalEditors}"><i class="fa fa-square-o"></i>判断题创建</a></li>-->
<!--                        <li id="completion"><a th:href="@{/admin/completionEditors}"><i class="fa fa-pencil"></i>填空题创建</a></li>-->
<!--                        <li><a href="nestable.html"><i class="fa fa-pencil-square-o"></i>简答题创建</a></li>-->
                    </ul>
                </li>
                <!--导航四结束-->

                <!--导航五开始-->
                <li id="menu5" class="menu-list"><a href=""><i class="fa fa-pencil"></i> <span>答题管理</span></a>
                    <ul class="sub-menu-list">
                        <li id="answer-list"><a th:href="@{/admin/answerList}"><i class="fa fa-pencil-square"></i>答题清况</a></li>
                    </ul>
                </li>
                <!--导航五结束-->

                <!--导航六开始-->
                <li id="menu-list"><a th:href="@{/admin/logPage}"><i class="fa fa-paste"></i> <span>日志管理</span></a>
                </li>
                <!--导航六结束-->

            </ul>
            <!--左侧导航结束-->

        </div>
    </div>
    <!--左侧结束-->

    <!--头部开始-->
    <div th:fragment="commonheader" class="header-section">

        <!--toggle button start-->
        <a class="toggle-btn"><i class="fa fa-bars"></i></a>
        <!--toggle button end-->

        <!--notification menu start -->
        <div class="menu-right">
            <ul class="notification-menu">
                <li>
                    <a href="" class="btn btn-default dropdown-toggle" data-toggle="dropdown" th:text="${userName}">
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                        <li><a data-toggle="modal" href="#updatePassword"><i class="fa fa-cog"></i>  修改密码</a></li>
                        <li><a th:href="@{/admin/logout}"><i class="fa fa-sign-out"></i> 退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--notification menu end -->
    </div>
    <!--头部结束-->


<!--   修改密码modal框开始-->
<div th:fragment="commonupdatePwd">
    <div data-backdrop="static" data-keyboard="false"  aria-labelledby="updatePassword" role="dialog" tabindex="-1" id="updatePassword" class="modal fade text-center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <div aria-hidden="true">&times;</div>
                    </button>
                    <h5 class="modal-title">修改密码</h5>
                </div>
                <div class="modal-body">
                    <br/>
                    <div class="item form-group col-md-12  tip"   >
                        <div class="col-md-offset-3 col-md-3" style="color:red;display:none;" id="tip"></div>
                    </div>

                    <div class="item form-group">
                        <label for="oldPwd" >输入原密码</label>
                        <input id="oldPwd" type="password" name="oldPwd" required="required">
                    </div>
                    <div class="item form-group">
                        <label for="newPwd" >输入新密码</label>
                        <input id="newPwd" type="password" name="newPwd"  required="required">
                    </div>
                    <div class="item form-group">
                        <label for="newPwd2">确认新密码</label>
                        <input id="newPwd2" type="password" name="newPwd2" required="required">
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
                        <button type="button" id="pwd_btn" name="dosubmit" class="btn btn-success" >确认修改</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!--   修改密码modal框结束-->

<!--</body>-->
</html>